html,body{
  background:#fffae9;
}

.signUp{
  margin:0 auto;
  max-width:640px;
  .banner{
    img{
      display:block;
      width:100%;
      height:auto;
    }
  }

  .userForm{
    padding:20px;
    background:#fffae9;
    .first{
      padding-bottom:10px;
      .signUp{
        >div{
          margin-bottom:10px;
          height:40px;
          border-bottom:1px solid #c5c3be;
          input{
            box-sizing: border-box;
            padding-left:40px;
            height:40px;

            font-size:24px;
            line-height:40px;
            border:none;
            &.phone{
              background:transparent data-uri("../images/signUp/phone.png") 10px 10px no-repeat;
              background-size:20px 20px;
            }
            &.code{
              width:55%;
              background:transparent data-uri("../images/signUp/code.png") 10px 10px no-repeat;
              background-size:20px 20px;
            }
          }
          a{
            float:right;
            margin:4px;
            width:40%;
            height:32px;
            font-size:18px;
            line-height:32px;
            text-align: center;
            color:#fff;
            border-radius:5px;
            background:#e53b3b;
          }
        }
      }
    }
    .second{
      margin-bottom:20px;
      .btn{
        height:40px;
        font-size:24px;
        line-height:40px;
        text-align: center;
        color:#fff;
        border-radius:5px;
        background:#e53b3b;
      }
    }
    .third{
      height:40px;
      text-align:center;
      label{
        display:inline-block;
        height:24px;
        padding-left:24px;
        line-height:24px;
        span{
          font-size:14px;
          font-weight:bold;
          color:#e53b3b;
        }
        &.off{
          background:data-uri("../images/signUp/off.png") 6px 6px no-repeat;
          background-size:12px 12px;
        }
        &.on{
          background:data-uri("../images/signUp/on.png") 6px 6px no-repeat;
          background-size:12px 12px;
        }
      }
    }
  }
}

.pop{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  .wrap{
    display:block;
    margin-top:60px;
    img{
      display:block;
      width:100%;
    }
  }
  .close{
    position:absolute;
    right:10px;
    top:10px;
    width:40px;
    height:40px;
    background:data-uri("../images/signUp/close.png") no-repeat;
    background-size:40px 40px;
  }
}